<!--
 * @Author: 敬华丰 2637844016@qq.com
 * @Date: 2023-07-17 16:11:36
 * @LastEditors: 敬华丰 2637844016@qq.com
 * @LastEditTime: 2023-07-24 11:11:16
 * @FilePath: \出口卖家端\src\views\IndividualCenter\MemberCenter\components\c-member-details.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <el-dialog
    v-model="dialogVisible"
    title="会员销售详情"
    width="40%" 
    :before-close="handleClose"
  >
    <div>
      <div class="ml-lg mt-24 f-s-14">
        <span>销售申请单单号：</span>
        <span>ZYSS202301209892</span>
      </div>
      <div class="ml-lg mt-lg mb-lg f-s-14">
        <span>消费金额：</span>
        <span>980</span>
      </div>
      <c-table-template  :data="[{ name: '1' }, { name: '1' }]">
        <el-table-column align="center" type="index" label="序号" width="65" />
        <el-table-column align="right" prop="name" label="消费金额(元)" />
        <el-table-column align="center" prop="address" label="消费类型" />
        <el-table-column align="left" prop="name" label="消费时间" />
      </c-table-template>
    </div>
    <template #footer>
      <el-button @click="dialogVisible = false"> 取消 </el-button>
      <el-button type="primary" @click="dialogVisible = false">确认</el-button>
    </template>
  </el-dialog>
</template>
<script setup>
import { ref } from "vue";
const dialogVisible = ref(false);
const handleClose = ()=>{
  dialogVisible.value = false
}
</script>
